Package-level declarations
Functions
Link copied to clipboard
fun BarChartSection(title: String, data: List<BarChartData>, contentDescriptionPrefix: String, emptyLabel: String, modifier: Modifier = Modifier, barColor: Color = MaterialTheme.colorScheme.primary, gridColor: Color = MaterialTheme.colorScheme.outlineVariant, chartHeight: Dp = DefaultStylishDimensions.barChartHeight, topRadius: Dp = 4.dp, labelTextSize: Dp = 10.dp, gridLineCount: Int = 4)
A page section that pairs a StylishSection heading with a SimpleBarChart.
Link copied to clipboard
fun LineChartSection(title: String, data: List<LineChartData>, contentDescriptionPrefix: String, emptyLabel: String, modifier: Modifier = Modifier, lineColor: Color = MaterialTheme.colorScheme.primary, fillColor: Color = MaterialTheme.colorScheme.primary.copy(alpha = 0.1f), pointColor: Color = MaterialTheme.colorScheme.primary, gridColor: Color = MaterialTheme.colorScheme.outlineVariant, chartHeight: Dp = DefaultStylishDimensions.lineChartHeight, strokeWidth: Dp = 2.5.dp, pointRadius: Dp = 4.dp, pointInnerRadius: Dp = 2.dp, labelTextSize: Dp = 10.dp, gridLineCount: Int = 5, maxLabelCount: Int = 6)
A page section that pairs a StylishSection heading with a SimpleLineChart.
Link copied to clipboard
fun StylishBottomAppBar(actions: @Composable RowScope.() -> Unit, modifier: Modifier = Modifier, floatingActionButton: @Composable () -> Unit? = null, containerColor: Color = MaterialTheme.colorScheme.surfaceContainerHigh, contentColor: Color = contentColorFor(containerColor), tonalElevation: Dp = BottomAppBarDefaults.ContainerElevation, contentPadding: PaddingValues = BottomAppBarDefaults.ContentPadding, windowInsets: WindowInsets = BottomAppBarDefaults.windowInsets)
A Material 3 bottom app bar with Stylish theme defaults.
Link copied to clipboard
fun StylishBottomSheetScaffold(sheetContent: @Composable ColumnScope.() -> Unit, modifier: Modifier = Modifier, scaffoldState: BottomSheetScaffoldState = rememberBottomSheetScaffoldState(), sheetPeekHeight: Dp = BottomSheetDefaults.SheetPeekHeight, sheetMaxWidth: Dp = BottomSheetDefaults.SheetMaxWidth, sheetShape: Shape = RoundedCornerShape(
topStart = StylishTheme.dimensions.connectedCornerRadius,
topEnd = StylishTheme.dimensions.connectedCornerRadius,
), sheetContainerColor: Color = MaterialTheme.colorScheme.surface, sheetContentColor: Color = contentColorFor(sheetContainerColor), sheetTonalElevation: Dp = 0.dp, sheetShadowElevation: Dp = BottomSheetDefaults.Elevation, sheetDragHandle: @Composable () -> Unit? = null, sheetSwipeEnabled: Boolean = true, topBar: @Composable () -> Unit? = null, snackbarHost: @Composable (SnackbarHostState) -> Unit = { SnackbarHost(it) }, containerColor: Color = MaterialTheme.colorScheme.surface, contentColor: Color = contentColorFor(containerColor), content: @Composable (PaddingValues) -> Unit)
A scaffold with a bottom sheet, wrapping the Material 3 BottomSheetScaffold with Stylish defaults.
Link copied to clipboard
fun StylishCenterAlignedTopAppBar(title: @Composable () -> Unit, modifier: Modifier = Modifier, navigationIcon: @Composable () -> Unit? = null, actions: @Composable RowScope.() -> Unit = {}, windowInsets: WindowInsets = TopAppBarDefaults.windowInsets, colors: TopAppBarColors = stylishTopAppBarColors(), scrollBehavior: TopAppBarScrollBehavior? = null, titleContentColor: Color? = null, navigationIconContentColor: Color? = null, actionIconContentColor: Color? = null)
A center-aligned Material 3 top app bar with Stylish theme defaults.
Link copied to clipboard
fun StylishFooter(content: @Composable () -> Unit = {}, leadingContent: @Composable () -> Unit? = null, trailingContent: @Composable () -> Unit? = null, modifier: Modifier = Modifier, shape: Shape = RoundedCornerShape(StylishTheme.dimensions.floatingCornerRadius), containerColor: Color = MaterialTheme.colorScheme.surfaceContainerHigh, contentColor: Color = MaterialTheme.colorScheme.onSurface, border: BorderStroke? = BorderStroke(
StylishTheme.dimensions.outlineWidth,
MaterialTheme.colorScheme.outlineVariant,
), tonalElevation: Dp = 4.dp, shadowElevation: Dp = StylishTheme.dimensions.floatingElevation, height: Dp = 56.dp, topPadding: Dp = StylishTheme.dimensions.contentSpacing, bottomPadding: Dp = StylishTheme.dimensions.itemSpacing, actionsSpacing: Dp = StylishTheme.dimensions.inlineSpacing, windowInsets: WindowInsets = WindowInsets.navigationBars, visibilityState: VisibilityState = VisibilityState.AlwaysVisible)
A floating page footer that hosts action slots at the bottom of the screen. Mirrors StylishHeader in visual language — rounded, elevated, with a hairline outline — and is designed to fill the bottomBar slot of StylishScaffold.
Link copied to clipboard
fun StylishHeader(title: @Composable () -> Unit, navigation: @Composable () -> Unit? = null, actions: @Composable () -> Unit? = null, modifier: Modifier = Modifier, shape: Shape = RoundedCornerShape(StylishTheme.dimensions.floatingCornerRadius), containerColor: Color = MaterialTheme.colorScheme.surfaceContainerHigh, contentColor: Color = MaterialTheme.colorScheme.onSurface, border: BorderStroke? = BorderStroke(
StylishTheme.dimensions.outlineWidth,
MaterialTheme.colorScheme.outlineVariant,
), tonalElevation: Dp = 4.dp, shadowElevation: Dp = StylishTheme.dimensions.floatingElevation, height: Dp = 56.dp, topPadding: Dp = StylishTheme.dimensions.itemSpacing, bottomPadding: Dp = StylishTheme.dimensions.contentSpacing, actionsSpacing: Dp = StylishTheme.dimensions.inlineSpacing, windowInsets: WindowInsets = WindowInsets.statusBars, visibilityState: VisibilityState = VisibilityState.AlwaysVisible)
A floating page header that hosts navigation, title, and action slots.
Link copied to clipboard
fun StylishLargeTopAppBar(title: @Composable () -> Unit, modifier: Modifier = Modifier, navigationIcon: @Composable () -> Unit? = null, actions: @Composable RowScope.() -> Unit = {}, windowInsets: WindowInsets = TopAppBarDefaults.windowInsets, colors: TopAppBarColors = stylishTopAppBarColors(), scrollBehavior: TopAppBarScrollBehavior? = null, titleContentColor: Color? = null, navigationIconContentColor: Color? = null, actionIconContentColor: Color? = null)
A large Material 3 top app bar with Stylish theme defaults.
Link copied to clipboard
fun StylishMediumTopAppBar(title: @Composable () -> Unit, modifier: Modifier = Modifier, navigationIcon: @Composable () -> Unit? = null, actions: @Composable RowScope.() -> Unit = {}, windowInsets: WindowInsets = TopAppBarDefaults.windowInsets, colors: TopAppBarColors = stylishTopAppBarColors(), scrollBehavior: TopAppBarScrollBehavior? = null, titleContentColor: Color? = null, navigationIconContentColor: Color? = null, actionIconContentColor: Color? = null)
A medium Material 3 top app bar with Stylish theme defaults.
Link copied to clipboard
fun StylishPageContent(header: @Composable () -> Unit, listState: LazyListState = rememberLazyListState(), modifier: Modifier = Modifier, contentPadding: PaddingValues = PaddingValues(horizontal = DefaultStylishDimensions.screenPadding), headerSpacing: Dp = Dp.Unspecified, verticalArrangement: Arrangement.Vertical = Arrangement.Top, horizontalAlignment: Alignment.Horizontal = Alignment.Start, reverseLayout: Boolean = false, userScrollEnabled: Boolean = true, content: LazyListScope.() -> Unit)
A page-content pattern that renders a header as the first item of a scrollable lazy list.
Link copied to clipboard
fun StylishScaffold(topBar: @Composable () -> Unit = {}, bottomBar: @Composable () -> Unit = {}, floatingActionButton: @Composable () -> Unit = {}, snackbarHost: @Composable () -> Unit = {}, modifier: Modifier = Modifier, containerColor: Color = MaterialTheme.colorScheme.background, contentColor: Color = contentColorFor(containerColor), floatingActionButtonPosition: FabPosition = FabPosition.End, contentWindowInsets: WindowInsets = WindowInsets.systemBars, content: @Composable (PaddingValues) -> Unit)
A Stylish UI wrapper around Material 3 Scaffold that provides the full-screen structural skeleton for a page.
Link copied to clipboard
fun StylishTopAppBar(title: @Composable () -> Unit, modifier: Modifier = Modifier, navigationIcon: @Composable () -> Unit? = null, actions: @Composable RowScope.() -> Unit = {}, windowInsets: WindowInsets = TopAppBarDefaults.windowInsets, colors: TopAppBarColors = TopAppBarDefaults.topAppBarColors(
containerColor = MaterialTheme.colorScheme.surfaceContainerHigh,
scrolledContainerColor = MaterialTheme.colorScheme.surfaceContainer,
), scrollBehavior: TopAppBarScrollBehavior? = null, titleContentColor: Color? = null, navigationIconContentColor: Color? = null, actionIconContentColor: Color? = null)
A standard Material 3 top app bar with Stylish theme defaults.